<template>
  <div class="legend-row">
    <div class="row"><span>预警等级:</span></div>
    <div class="row" title="村庄">
      <div class="imgdiv cz4" />
      <span>关注</span></div>
    <div class="row" title="村庄">
      <div class="imgdiv cz3" />
      <span>警戒</span></div>
    <div class="row" title="村庄">
      <div class="imgdiv cz2" />
      <span>危险</span></div>
    <div class="row" title="村庄">
      <div class="imgdiv cz1" />
      <span>极危险</span></div>
    <div class="row" title="河道">
      <div class="linediv hd4" />
      <span>关注</span></div>
    <div class="row" title="河道">
      <div class="linediv hd3" />
      <span>警戒</span></div>
    <div class="row" title="河道">
      <div class="linediv hd2" />
      <span>危险</span></div>
    <div class="row" title="河道">
      <div class="linediv hd1" />
      <span>极危险</span></div>
  </div>
</template>

<script>
export default {
    name: 'YBYJ'
}
</script>

<style scoped lang="less">
    @import "legend";

</style>
